<template>
  <div class="route">
    <c-alert title="路由"></c-alert>
    <el-row>
      <nuxt-link to="/route/nesting">
        <el-button>静态路由</el-button>
      </nuxt-link>
      <nuxt-link to="/route/1">
        <el-button>动态路由(参数验证)</el-button>
      </nuxt-link>
      <!-- 动态参数 -->
      <nuxt-link :to="{ name: 'route-id', params: { id: 1 }, query: { a: 1, b: 2 } }">
        <el-button>动态参数(参数验证)</el-button>
      </nuxt-link>
      <nuxt-link to="/xxx">
        <el-button>无效的路由</el-button>
      </nuxt-link>
    </el-row>
    <nuxt></nuxt>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  }
}
</script>

<style scoped></style>